<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
<!--	<meta name="author" content="Kodinger">-->
<!--	<meta name="viewport" content="width=device-width,initial-scale=1">-->
	<title>My Login Page &mdash; Bootstrap 4 Login Page Snippet</title>
	<script type="text/javascript" src="asserts/plugins/JQuery/jquery-2.1.1.min.js"></script>
<!--	<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.1/jquery.min.js"></script>-->
<!--	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">-->
	<link rel="stylesheet" type="text/css" href="./asserts/css/my-login.css">
	<script type="text/javascript">
		$(function(){
			$.ajax({
				url:"",
				async:true,
				dataType:"json",
				success:function (){

				}
			})
		})
	</script>

<!--	老师课程-->
	<!--	课程引入包-->
<!--	-->

<!--	<script type="text/javascript">-->

<!--		$(function () {-->
<!--			$.ajax({-->
<!--				url:"http://localhost:8080/UserSystem-separate/UserServlet",-->
<!--				async:true,-->
<!--				data: {username:""},-->
<!--				type:"post",-->
<!--				dateType:"json",-->
<!--				//告诉jQuery 不要去处理 formData-->
<!--				processData:false,-->
<!--				//指定为 false 才是正确的 Content-Type-->
<!--				contentType:false,-->
<!--				success:function (respData) {-->
<!--					if(respData.respType == 'success'){//注册成功-->
<!--						location.href="userIndex.html";-->
<!--					}else if(respData.respType == 'error'){//注册失败-->
<!--						alert("注册失败");-->
<!--					}-->
<!--				}-->
<!--			})-->

<!--			// $("#button_id").click(function () {-->
<!--			// 	//实例化表单对象-->
<!--			// 	debugger;-->
<!--			// 	var formData = new FormData();-->
<!--			// 	formData.append("action","register")-->
<!--			// 	formData.append("username",$("#username").val());-->
<!--			// 	formData.append("password",$("#password").val());-->
<!--			// 	formData.append("email",$("#email").val());-->
<!--			//-->
<!--			// 	//测试-->
<!--			// 	console.log($("#username").val());-->
<!--			// 	console.log($("#password").val());-->
<!--			// 	console.log($("#email").val());-->
<!--			// 	// formData.append("addrs",$("#addrs").val());-->
<!--			// 	//获取单选框选中的标签 value 值-->
<!--			// 	// formData.append("sex",$("input[name='sex']:checked").val())-->
<!--			// 	// //复选框-->
<!--			// 	// var hobbies = [];-->
<!--			// 	// $("input[name='hobbies']:checked").each(function (index) {-->
<!--			// 	// 	hobbies[index] = $(this).val();-->
<!--			// 	// })-->
<!--			// 	// formData.append("hobbies",hobbies);-->
<!--			// 	// //图片-->
<!--			// 	// formData.append("file",$("#fileContent")[0].files[0])-->
<!--			//-->
<!--			// 	//通过ajax发送数据到服务器-->
<!--			// 	$.ajax({-->
<!--			// 		url:"http://localhost:8080/TheMall/UserServlet",-->
<!--			// 		async:true,-->
<!--			// 		data:formData,-->
<!--			// 		type:"post",-->
<!--			// 		dateType:"json",-->
<!--			// 		//告诉jQuery 不要去处理 formData-->
<!--			// 		processData:false,-->
<!--			// 		//指定为 false 才是正确的 Content-Type-->
<!--			// 		contentType:false,-->
<!--			// 		success:function (respData) {-->
<!--			// 			if(respData.respType == 'success'){//注册成功-->
<!--			// 				location.href="rf_login1.html";-->
<!--			// 			}else if(respData.respType == 'error'){//注册失败-->
<!--			// 				alert("注册失败");-->
<!--			// 			}-->
<!--			// 		}-->
<!--			// 	})-->
<!--			// })-->
<!--		})-->
<!--	</script>-->

</head>
<body class="my-login-page">
	<section class="h-100">
		<div class="container h-100">
			<div class="row justify-content-md-center h-100">
				<div class="card-wrapper">
					<div class="brand">
						<img src="img/logo.jpg" alt="bootstrap 4 login page">
					</div>
					<div class="card fat">
						<div class="card-body">
							<h4 class="card-title">Register</h4>
							<form method="POST" class="my-login-validation" novalidate="">
								<div class="form-group">
									<label for="username">Username</label>
									<input id="username" type="text" class="form-control" name="username" placeholder="请输入用户名"required autofocus>
									<div class="invalid-feedback">
										What's your name?
									</div>
								</div>

								<div class="form-group">
									<label for="email">E-Mail Address</label>
									<input id="email" type="email" class="form-control" name="email"required>
									<div class="invalid-feedback">
										Your email is invalid
									</div>
								</div>

								<div class="form-group">
									<label for="password">Password</label>
									<input id="password" type="password" class="form-control" name="password" required data-eye>
									<div class="invalid-feedback">
										Password is required
									</div>
								</div>

								<div class="form-group">
									<div class="custom-checkbox custom-control">
										<input type="checkbox" name="agree" id="agree" class="custom-control-input" required="">
										<label for="agree" class="custom-control-label">I agree to the <a href="#">Terms and Conditions</a></label>
										<div class="invalid-feedback">
											You must agree with our Terms and Conditions
										</div>
									</div>
								</div>

								<div class="form-group m-0">
										<button id="button_id" type="button" class="btn btn-primary btn-block">
											Register
										</button>
								</div>
								<div class="mt-4 text-center">
									Already have an account? <a href="rf_login1.html">Login</a>
								</div>
							</form>
						</div>
					</div>
					<div class="footer">
						Copyright &copy; 2017 &mdash; 2021 MaiTian Company
					</div>
				</div>
			</div>
		</div>
	</section>

	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
	<script src="./asserts/js/my-login.js"></script>
</body>
</html>